react-native android 初始化问题
最近开始接触rn,官方起手，装了一堆工具，然后启动项目的时候出现了一堆问题，这里针对我遇到的一些问题提供一些解决方案。本人开发环境mac，在启动ios的时候没啥大问题，可以直接启动，这里提示一点，因为可能会启动多个，所以可以在启动的时候指定端口，防止冲突react-native run-ios --port=xxxx...
2024-01-10
react-native 真机调试（android）
adb devices (查看链接的设备id)adb -s 897879（设备号） reverse tcp:8081 tcp:8081 （当设备断开重新链接）当只有一个设备时上面的命令可以简写成adb reverse tcp:8081 tcp:8081 ...
2024-01-10
react-native练手（android版）
1.环境搭建1）一步步按 https://reactnative.cn/docs/getting-started.html 操作2）brew install watchman3）https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载并安装 jdk 8，javac -version 看安装成功与否4）https://developer.android.com/studio/index.h...
2024-01-10
react native app微信分享 - android版
前言本文主要会涉及到以下内容:微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现应用申请审核开始创建移动应用,填写应用名称,应用名称以及中英文的信息，移动应用图标分别为28x28何108x108的png格式图标。然后下一步填写iOS项目的bundle ID以及android项目的包名和应用签名。请...
2024-01-10
Android Rreact Native 常见错误总结
Android Rreact Native 常见错误总结 1.invariant violation:expected a component class,got[object object] 创建自定义组件首字母要大写，否则会报错. 2.Module 0 is not a registered callable module. 将gradle升级成最新版本(cd Android 进入android目录执行:sudo ./gradlew clean) 或者通过android...
2024-01-10
Window 7 下android react native 新建环境
本博客基于win7 64位系统android出现的步骤及错误情况记录详情参考react native 中文网：http://reactnative.cn/docs/0.48/getting-started.html#content需要下载东西：Node（4.4.4以上版本最好，最新的最优）gitandroid sdkjdk 1.8Android studioGenymotion具体步骤请参考以上的react native 中文网下边仅介绍android过程中遇到的坑1.Gen...
2024-01-10
React-Native移植-Android
简介参考链接： Integrating with Existing Apps由于公司业务需要，部分模块需要将native代码转移到react-native，并且由于是已有项目，所以我这里单独把react-native移植到项目来，移植的过程中遇到了一些问题，这里也记录了下。网上的一些教程资料都不是很全，而且一些关键的步骤说的都不是很详细，这里...
2024-01-10
react native Modal 制作背景变暗
/** * Create by bamboo on 2018-05-07 * Modal 例子 */import React, { Component } from 'react';import { StyleSheet, Text, Modal, View, TouchableOpacity, T...
2024-01-10
React Native02-开始运行 Android篇
1. 开始运行1）用命令进入到新建的文件目录下，比如HelloWorld，再输入 react-native start：在等待一段时间后，我们看到最后面有个地址，说明已经运行成功了。我们输入地址 http://localhost:8081/index.android.bundle?platform=android，可以看到有一大堆的js：到此，我们成功运行。 2. 运行android平台 1）我们...
2024-01-10
React Native for Android 异常处理概览
AndroidReact Native本文的RN代码基于0.43版本准备接入React Native(RN)时，看看前辈们分享的经验，都说刚接入时崩溃率是一个问题。最近在做RN的Native部分优化，今天就来聊聊在RN中的异常都是什么，该怎么处理。前言首先，研究RN框架异常的动机在于，我们需要建立起一套针对性的容错机制，毕竟它还...
2024-01-10
React Native App设置&Android版发布
React Native系列《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React Native unable to load script from assets index.android.bundle on windows》 《React Native App设置&Android版发布》 一、设置APP信息1.设置包名、版本号目录：~/android/app/build.gradle2.设置应用名目录：~/android/app/sr...
2024-01-10
App Center编译React Native平台Android应用
做React Native一段时间后，对于React Native的发布有一些了解，原本的方法都是在本地直接生成APK文件的，具体可以参考《react native 生成APK》 因为需要将这个React Native的应用交给其他同事，但其他的同事暂时还未完全掌握到React Native，所以在发布这一块儿，需要使用一个工具帮助打包应用，在网上找了...
2024-01-10
windows下react-native环境搭建
首先不得不先吐槽一下自己，一个坑总是踩很多次，且乐此不疲。咋办? 写博客记录记录呗。零、记录的点Java环境的下载与配置Android环境的下载与配置Node环境的下载与配置创建第一个react-native应用最终能够达到的目的：在手机上能够运行第一个React-Native应用~以备后用，已将安装包上传...
2024-01-10
React Native之倒计时组件的实现(ios android)
一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束。 2,实现订单倒计时,并在倒计时结束时,订单关闭交易。 3,实现获取验证码倒计时。二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下： 1 componentDidMount() { 2 this.interval = setInterval(() => ...
2024-01-10
React-Native之打包发布(Android)
一,介绍与需求 移动端打包发布到应用市场二,发布配置注意：以下所有操作都在win10下进行,React Native版本0.59.5,android-studio 版本 3.21,生成签名1 keytool -genkey -v -keystore app.keystore -alias yingqi -keyalg RSA -keysize 2048 -validity 10000附加说明：-genkey 生成文件 -keystore 文件名 -alias 别名-keyalg ...
2024-01-10
react-native-tab-navigation
原文地址安装npm install react-native-tab-navigator --save引入import TabNavigator from 'react-native-tab-navigator'如下面所示：import React, { Component } from 'react';import { Platform, StyleSheet, Text, View, Image} from 'react-native';import TabNavigato...
2024-01-10
React-Native项目在Android真机上调试
目录1、确保你的设备已经成功连接。可以终端输入adb devices来查看:2、终端运行npm start 开启本地服务，成功后运行react-native run-android来在设备上安装并启动应用3、设置设备访问开发服务器3.1 (Android 5.0及以上)使用ad...
2024-01-10
react-ant 修改antDesign 样式
需求:想修改antDesign样式发现修改不了解决: 一定要在样式外面加上:global写全局样式 :js: <Form onSubmit={this.handleSubmit} className="account-form"> <Form.Item label="邮箱"> <Input type="email"/> </Form.Item> <Form.Item label="密码"> <Input typ...
2024-01-10
React Native之支付集成(微信 支付宝)(ios android)
一,需求分析 1.1,app在线充值与提现 二,技术介绍与集成 2.1,微信支付 2.1.1,Android配置详细配置可查看React Native之微信分享(iOS Android),这里主要介绍的是支付方面的配置第一步:创建名为'wxapi'的文件夹，并在文件夹内创建WXPayEntryActivity.java，用于获得微信的授权和支付权限。 1 package your.packag...
2024-01-10
React-native 自定义actionsheet 即拿即用
不管是写程序还是生活 要经常总结啊= =要不然真的会忘啊今天经验值+++++， 待提升空间太大了。===========================js文件============================import React from 'react';import PropTypes from 'prop-types';import {View,StyleSheet,Text,Modal,TouchableOpacity,Dimensions} from 'react-native'cons...
2024-01-10
react-native scrollview触摸滚动事件
1、几个已知的滑动或者滑动开始结束的方法：onScroll：在滚动过程中, 每帧最多调用一次此函数, 调用的频率可以用scrollEventThrottle属性来控制.onMomentumScrollEnd：当一帧滚动完毕时调用.onScrollAnimationEnd ：ios上的当滚动动画结束时调用.2、还有其他的一些事件如下触摸事件里面有携带event，大家可以...
2024-01-10
【安卓】React Navigation 5.x详解
一、 React Navigation简介在多页面应用程序中，页面的跳转是通过路由或导航器来实现的。在RN应用开发过程中，早期的路由可以直接使用官方提供的Navigator组件，不过从0.44版本开始，Navigator被官方从react native的核心组件库中剥离出来，放到react-native-deprecated-custom-components的模块中，并且Navigator组件也不...
2024-01-10
React Native在Windows下修改js代码后reload无效
iOS下因为有watchman这个插件，所以启动很快（npm start），而Windows下则非常慢，最要命的是遇到了修改js文件后，点击reload居然一直是请求的缓存bundle，泪崩。。。 后来找到一篇文章，解决了这个问题，就是说超时导致的，但是超时的时候没有反馈错误，原因不明。解决方案就是延长超时时间： 'ready',...
2024-01-10
React Native在Android平台运行gif的解决方法转载
概述目前RN在Android平台上不支持gif格式的图片，而在iOS平台是支持的，期待以后的版本中系统也是可以默认支持Android的。首先说下在ios平台怎么加载gif呢？ <Image source= {require(\'./img/loading.gif\')} style = {styles.loading}/> 11完整实例：xport default class Loading extends React.Component { render(){ if (!th...
2024-01-10
react 百度地图中信息框infoWindow再插入echart视图
需求是在红框中再插入一个echart视图总感觉并不能直接响应react组件，好像百度地图弹出框是另外一个封装的dom。在infoWindow中的代码是：var content =...'<div class="trendContent">' +'<p class="bule">趋势图</p>' +'<p class="unit">单位/K</p>' +'</div>' +'<div id="main"></div>' +'</div>';随便插入一个官方视图componentDidMount() {v...
2024-01-10
